@charset "utf-8";
.banner{ width:100%; position:relative; overflow:hidden}
.banner .swiper_banner{ width:100%; position:relative}
.banner .swiper_banner .swiper-slide{ width:100%}
.banner .swiper_banner .swiper-slide img{ width:100%; height:auto}
.banner .swiper_banner .pagination_banner{ width:100%; text-align:center; position:absolute; left:0; bottom:50px; font-size:0; z-index:9}
.banner .swiper_banner .pagination_banner span{ display:inline-block; vertical-align:top; width:6px; height:6px; background:#5b5b5b; border-radius:50%; position:relative; opacity:1; margin:0 16px}
.banner .swiper_banner .pagination_banner span.swiper-pagination-bullet-active{ background:#ff0000}
.banner .swiper_banner .pagination_banner span.swiper-pagination-bullet-active:after{ content:""; display:block; width:24px; height:24px; border-radius:50%; border:1px dashed #ff0000; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}




.ggcon_1{ width:100%; }
.ggcon_1 .ihd{ text-align:center; padding-top:65px}
.ggcon_1 .ihd .cn{ font-size:36px; color:#333333; font-weight:bold; line-height:1}
.ggcon_1 .ihd .en{ font-size:20px; color:rgba(00,00,00,0.5); text-transform:uppercase; line-height:1; padding-top:18px}
.ggcon_1 .nr{ width:1680px; margin:0 auto; position:relative}
.ggcon_1 .ibd{ margin-top:65px}
.ggcon_1 .ibd .item{ float:left; margin-right:40px; margin-bottom:32px; position:relative; width:390px; overflow:hidden; background:#f0f0f0}
.ggcon_1 .ibd .item:nth-child(3),.ggcon_1 .ibd .item:nth-child(7),.ggcon_1 .ibd .item:nth-child(10){ margin-right:0;}
.ggcon_1 .ibd .item.item1,.ggcon_1 .ibd .item.item2{ width:820px}
.ggcon_1 .ibd .item.item1 .a,.ggcon_1 .ibd .item.item2 .a{ color:#fff}
.ggcon_1 .ibd .item .pic{ width:100%}
.ggcon_1 .ibd .item .pic img{ width:100%}
.ggcon_1 .ibd .item .pic img.img2{ position:absolute; left:0; top:0; z-index:0; visibility:hidden; opacity:0; transition:all 0.5s}
.ggcon_1 .ibd .item .pic img.img1{ position:relative; z-index:2}
.ggcon_1 .ibd .item .a{ font-size:20px; color:#333333; font-weight:bold; position:absolute; left:30px; z-index: 3; top:50px}
.ggcon_1 .ibd .item:hover .pic img.img2{ visibility:visible; opacity:1}
.ggcon_1 .ibd .item .b{ position:absolute; left:30px; top:90px; z-index:2; width:150px}
.ggcon_1 .ibd .item .b a{ display:block; float:left; width:66px; height:20px; border:1px solid rgba(255,255,255,0.7); text-align:center; line-height:20px; color:#fff; margin-right:6px; margin-bottom:9px}
.ggcon_1 .ibd .item .b a:hover{ background:#e60012; border:1px solid #e60012}
.ggcon_1 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ggcon_1 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}

.ggcon_2{ width:100%; padding-top:90px}
.ggcon_2 .ihd{ width:1680px; margin:0 auto; position:relative; text-align:left}
.ggcon_2 .ihd .cn{ font-size:36px; color:#333333; font-weight:bold; line-height:1}
.ggcon_2 .ihd .en{ font-size:20px; color:rgba(00,00,00,0.5); text-transform:uppercase; line-height:1; padding-top:18px}
.ggcon_2 .ihd .conts{ width:790px; position:absolute; right:0; top:0; font-size:16px; color:#333333; line-height:2; text-align:right}
.ggcon_2 .ibd{ width:1916px; position:relative; left:50%; margin-left:-958px; margin-top:65px}
.ggcon_2 .ibd .tab2{ width:100%; position:relative; height:680px}
.ggcon_2 .ibd .tab2 .bd{ width:100%}
.ggcon_2 .ibd .tab2 .bd .con{ width:100%}
.ggcon_2 .ibd .tab2 .bd .con img{ width:100%; height:auto}
.ggcon_2 .ibd .tab2 .hd{ width:1680px; height:100%; position:absolute; left:50%; margin-left:-840px; z-index:2; top:0; color:#fff}
.ggcon_2 .ibd .tab2 .hd ul{ width:100%; height:100%}
.ggcon_2 .ibd .tab2 .hd ul li{ width:25%; float:left; height:100%; position:relative; transition:all 0.5s; }
.ggcon_2 .ibd .tab2 .hd ul li .conts{ position:absolute; left:0; bottom:60px; text-align:center; width:100%}
.ggcon_2 .ibd .tab2 .hd ul li .conts .ico{ width:100%; transition:all 0.5s; visibility:hidden; opacity:0; position:relative; top:-20px}
.ggcon_2 .ibd .tab2 .hd ul li .conts .ico img{ height:54px}
.ggcon_2 .ibd .tab2 .hd ul li .conts .a{ font-size:24px; line-height:1; font-weight:bold; color:#fff; margin-top:30px}
.ggcon_2 .ibd .tab2 .hd ul li .conts .b{ font-size:18px; text-transform:uppercase; color:#fff; margin-top:15px}
.ggcon_2 .ibd .tab2 .hd ul li.on .conts .ico{ visibility:visible; opacity:1; top:0}
.ggcon_2 .ibd .tab2 .hd ul li.on{ background:rgba(00,00,00,0.5)}
.ggcon_2 .ibd .tab2 .hd ul li:after{ content:""; display:block; width:0%; height:2px; background:#e60012; position:absolute; left:0; bottom:0; z-index:2; transition:all 1s;}
.ggcon_2 .ibd .tab2 .hd ul li.on:after{ width:100%}


.ggcon_3{ width:100%; padding-bottom:210px }
.ggcon_3 .ihd{ text-align:center; padding-top:120px}
.ggcon_3 .ihd .cn{ font-size:36px; color:#333333; font-weight:bold; line-height:1}
.ggcon_3 .ihd .en{ font-size:20px; color:rgba(00,00,00,0.5); text-transform:uppercase; line-height:1; padding-top:18px}
.ggcon_3 .ibd{ margin-top:90px; width:100%; position:relative}
.ggcon_3 .ibd .swiper03{ width:390px; margin:0 auto}
.ggcon_3 .ibd .swiper03 .swiper-slide{ width:100%; position:relative; margin-right:40px}
.ggcon_3 .ibd .swiper03 .swiper-slide .pic{ width:100%; position:relative; overflow:hidden}
.ggcon_3 .ibd .swiper03 .swiper-slide .pic span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.7); opacity:1; transition:all 0.5s}
.ggcon_3 .ibd .swiper03 .swiper-slide .pic img{ width:100%; height:auto}
.ggcon_3 .ibd .swiper03 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ggcon_3 .ibd .swiper03 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.ggcon_3 .ibd .swiper03 .swiper-slide .title{ width:560px; left:50%; margin-left:-280px; top:120%; position:absolute; text-align:center; visibility:hidden; opacity:0; transition:all 0.5s}
.ggcon_3 .ibd .swiper03 .swiper-slide .title .a{ font-weight:bold; font-size:24px; color:#e70012}
.ggcon_3 .ibd .swiper03 .swiper-slide .title .b{ font-size:18px; color:#333333}
.ggcon_3 .ibd .swiper03 .swiper-slide.swiper-slide-active .title{ opacity:1; visibility:visible}
.ggcon_3 .ibd .swiper03 .swiper-slide.swiper-slide-active .pic span{ opacity:0}
.ggcon_3 .ibd .prev03{ width:70px; height:105px; background:url(left.png) center center no-repeat rgba(223,223,223,0.3); position:absolute; left:-10px; top:calc(50% - 50px); z-index:9; border-radius:0 70px 70px 0}
.ggcon_3 .ibd .next03{ width:70px; height:105px; background:url(right.png) center center no-repeat rgba(223,223,223,0.3); position:absolute; right:-10px; top:calc(50% - 50px); z-index:9; border-radius:70px 0  0  70px}



.ggcon_4{ width:100%; background:#f4f4f4; padding-bottom:110px}
.ggcon_4 .nr{ width:1680px; margin:0 auto}
.ggcon_4 .ihd{ text-align:center; padding-top:80px}
.ggcon_4 .ihd .cn{ font-size:36px; color:#333333; font-weight:bold; line-height:1}
.ggcon_4 .ihd .en{ font-size:18px; color:rgba(00,00,00,0.5); text-transform:uppercase; line-height:1; padding-top:18px}
.ggcon_4 .ibd{ margin-top:50px}
.ggcon_4 .ibd li{ width:293px; overflow:hidden; float:left; transition:all 0.5s linear; position:relative}
.ggcon_4 .ibd li .pic{ width:1094px; overflow:hidden}
.ggcon_4 .ibd li .pic img{ max-width:100%}
.ggcon_4 .ibd li .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ggcon_4 .ibd li .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.ggcon_4 .ibd li:last-child{ margin-right:0}
.ggcon_4 .ibd li.on{ width:1094px;}
.ggcon_4 .ibd li .title{ position:absolute; left:40px; top:80px; z-index:9; width:1000px}
.ggcon_4 .ibd li .title .a1{ font-size:30px; color:#333; font-weight:bold}
.ggcon_4 .ibd li .title .a2{ margin-top:20px; height:70px; font-size:18px; color:#333333}
.ggcon_4 .ibd li .title .a3{ width:110px; height:30px; text-align:center; line-height:30px; border-radius:20px; color:#fff; font-size:14px; border:1px solid #e7161a; color:#e7161a; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; margin-top: 50px;}
.ggcon_4 .ibd li.on .title .a3{ color:#fff; background:#e7161a; margin-top: 50px;}

.ggcon_4 .ibd li:nth-child(2) .title .a1{ color:#fff}
.ggcon_4 .ibd li:nth-child(2) .title .a2{ color:#fff}


.ggcon_5{ margin-top:95px; margin-bottom:150px}
.ggcon_5 .nr{ width:1680px; margin:0 auto; position:relative}
.ggcon_5 .ihd{ text-align:left;}
.ggcon_5 .ihd .cn{ font-size:36px; color:#333333; font-weight:bold; line-height:1}
.ggcon_5 .ihd .en{ font-size:18px; color:rgba(00,00,00,0.5); text-transform:uppercase; line-height:1; padding-top:18px}
.ggcon_5 .ihd .more{ position:absolute; right:0; top:15px}
.ggcon_5 .ihd .more a{ font-size:14px; color:#333333; padding-top:45px; background:url(g_23.png) top center no-repeat; display:block}
.ggcon_5 .ibd{ margin-top:50px; border-bottom:1px solid #dcdcdc}
.ggcon_5 .ibd .item{ width:520px; box-sizing:border-box; float:left; transition:all 0.5s; margin-right:60px; position:relative}
.ggcon_5 .ibd .item:last-child{ margin-right:0}
.ggcon_5 .ibd .item .time{ font-size:12px; color:#333333; text-align:right; margin-top:10px}
.ggcon_5 .ibd .item .title{ font-size:24px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold; text-align:center; margin-top:40px; font-weight:normal}
.ggcon_5 .ibd .item .intro{ font-size:14px; color:#333333; margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:25px; height:50px; text-align:center; margin-bottom:70px}
.ggcon_5 .ibd .item .more{ font-size:14px; color:#999999; margin-top:20px}
.ggcon_5 .ibd .item .pic{ transition:all 0.5s; width:100%; overflow:hidden}
.ggcon_5 .ibd .item .pic img{ width:100%;transition:all 0.5s}
.ggcon_5 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ggcon_5 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.ggcon_5 .ibd .item.active{ width:525px;}
.ggcon_5 .ibd .item.of{ width:385px}
.ggcon_5 .ibd .item:hover .title{ color:#e7161a; font-weight:bold}
.ggcon_5 .ibd .item:after{ content:""; display:block; width:0; height:1px; background:#e7161a; position:absolute; left:0; bottom:-1px; z-index:2;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ggcon_5 .ibd .item:hover:after{ width:100%}

.ggcon_6{ width:100%; background:url(fttg.jpg) top center no-repeat; background-size:cover}
.ggcon_6 .ihd{ text-align:center; line-height:26px; font-size:30px; color:#333333; font-weight:bold}
.ggcon_6 .ibd{ width:1680px; margin:0 auto; padding:105px 0; text-align:center}
.ggcon_6 .ibd .item{ display:inline-block; vertical-align:top; width:31%;}
.ggcon_6 .ibd .item .ico img{ height:64px;}
.ggcon_6 .ibd .item .title{ font-size:24px; color:#333333; padding:20px 0}
.ggcon_6 .ibd .item .intro{ font-size:18px; color:#333333}


.ggcon_7{ background:url(g_133.jpg) center center no-repeat; background-size:cover; padding:65px 0}
.ggcon_7 .nr{ width:596px; margin:0 auto}
.ggcon_7 .nr .a{ font-size:30px; color:#fff; font-weight:bold; text-align:center}
.ggcon_7 .nr .b{ margin-top:25px; position:relative}
.ggcon_7 .nr .b .inp1{ display:block; width:596px; height:46px; box-sizing:border-box; border:1px solid #a09d9c; padding:0 80px 0 25px; color:#fff; font-size:14px;}
.ggcon_7 .nr .b .inp1::placeholder{ appearance:none; -webkit-appearance:none; color:rgba(255,255,255,0.5)}
.ggcon_7 .nr .b .inp2{ display:block; border:0; background:url(g_26.png) center center no-repeat; width:60px; height:46px; position:absolute; right:0; top:0; z-index:2; cursor:pointer}
.ggcon_7 .nr .c{display:flex;justify-content: space-between; margin-top:25px;}
.ggcon_7 .nr .c a{ display:block; font-size:14px; color:#fff; line-height:1}

@media (max-width:1680px){
	.ggcon_4 .nr{ width:1200px}
	.ggcon_4 .ibd li{ width:209px;}
	.ggcon_4 .ibd li.on{ width:782px}
	.ggcon_4 .ibd li .pic{ width:782px; height:433px;}
	.ggcon_4 .ibd li .pic img{ width:100%; height:100%}
	.ggcon_1 .nr{ width:1200px}
	.ggcon_1 .ibd .item{ width:285px; margin-right:20px; height:266px; margin-bottom:20px; overflow:hidden}
	.ggcon_1 .ibd .item.item1, .ggcon_1 .ibd .item.item2{ width:590px}
	.ggcon_1 .ibd .item .a{ left:25px; top:35px}
	.ggcon_1 .ibd .item .b{ left:25px; top:80px}
	.ggcon_2 .ihd{ width:1200px;}
	.ggcon_2 .ibd .tab2 .hd{ width:1200px; margin-left:-600px}
	.ggcon_5 .nr{ width:1200px}
	.ggcon_5 .ibd .item{ width:380px; margin-right:30px}
	.ggcon_5 .ibd .item .title{ font-size:20px; margin-top:25px}
	.ggcon_6 .ibd{ width:1200px}
}

/*友情链接*/
.yqlj li{
    float:left;
    overflow: hidden;
    margin: 5px 5px 5px 5px;
    
}